<template>
    <div :style="`background:linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('${user_store.get_user().head_image || '/public/about1.jpg' } ') no-repeat center center fixed; background-size: cover;`">
        <HEADER :user_info="user_store" />
        <BODY/>
    </div>
</template>

<script setup>
import HEADER from "./head.vue"
import BODY from "./body.vue"
import {inject, onMounted} from "vue";
let user_store=inject("user")()
onMounted(() => { 
    user_store=inject("user")()
})
</script>

<style scoped>


</style>